<?php
@include_once("commonFunctions.php");
?>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="CSS/formStyle.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
	<script type="text/javascript" src="JavaScript/validator.js"></script>
        <script type="text/javascript" src="JavaScript/submitNewTT_ajax.js"></script>
    </head>
    <body onload="hideAll();" >
        <div id="logo">
		<img src="logo.png" />
   	</div>
    	<div id="menu">
		<a href="index.php" class="menuitem">Login</a>
		<a href="main.php" class="menuitem">View Tickets</a>
		<a href="submitNewTT.php" id="activeitem" class="menuitem">Submit New Ticket</a>
		<p id="districtname">South Georgia</p>
    	</div>
	<div id="infobox" class="gradient">
		<div id="infotext">
			<h3>Submit new ticket</h3>
			<p>This page will allow you to submit a new trouble ticket to the Cellular Sales TTS system.</p>
		</div>
	</div>
        <div id="header">
            <?php tts_getheader(); ?>
        </div>
        <br/><br/><br/><br/>
        <div id="newttform">
            <form style='margin: 0px auto;' id="form"  action="JavaScript/phpHandlers/insertTT.php"
                  method="post" >
                <tr>
                <label for="select1" id="label1">Issue:</label>
                <select onchange="change1(this.value)" id="select1" name="select1">
                    <option value="selectOne">--Select One--</option>
                    <option value="Maintenance">Store Maintenance</option>
                    <option value="Merchandising">Merchandising</option>
                    <option value="Computer">Computer</option>
                    <option value="storeSupplies">Store Supplies--Not Working</option>
                    <option value="storePrinter">Store Printer--Not Working</option>
                </select>
                </tr>
                <tr>
		<div class="ttitem" id="tti_label2">
                <label for="select2" id="label2"></label>
                <select onchange="change2(this.value)" id="select2" name="select2"></select>
		</div>
                </tr>
                <tr>
		<div class="ttitem" id="tti_label3">
                <label for="select3" id="label3"></label>
                <select onchange="change3(this.value)" id="select3" name="select3"></select>
		</div>
                </tr>
                <tr>
		<div class="ttitem" id="tti_label4">
                <label for="select4" id="label4"></label>
                <select onchange="change4(this.value)" id="select4" name="select4"></select>
		</div>
                </tr>
                <tr>
		<div class="ttitem" id="tti_label5">
                <label for="select5" id="label5"></label>
                <select onchange="change5(this.value)" id="select5" name="select5"></select>
		</div>
                </tr>
                <tr>
		<div class="ttitem" id="tti_notesLabel">
                <label for="notes" id="notesLabel"></label>
                <br /><textarea id="notes" rows="4" cols="75" id="notes" name="notes"></textarea>
		<p id="fieldLength"></p>
		</div>
                </tr>
                <tr>
		<div class="ttitem">
                <input type='submit' value='Submit' class='submit' id="submitButton" />
		</div>
                </tr>
            </form>
        </div>
	<div class="push"></div>
    </body>
</html>
